<template>
    <div>
    <div>
    <div>
        <span> 输入服务名称：</span><input type="text" v-model="service.name">
    </div>
    <br>
        <div>
          <span>输入服务介绍(50字)：</span> <input type="text" v-model="service.introduce">
        </div>
        <br>
        <div>
          <span>输入服务支持时间：</span> <input type="text" v-model="service.supportTime" style="wdith:300px">
        </div>
        <br>
        <div>
          <span>输入服务参考价格：</span> <input type="number" v-model="service.price" style="wdith:300px">
        </div>
        <br>
  </div>
  <span slot="footer" class="dialog-footer"> 
    <el-button type="primary" @click="cancel()">取消</el-button>
     <el-button type="danger" @click="confirmservicedetail()">确 定</el-button>
  </span>
    </div>
</template>

<script>
export default {
    data(){
        return{
            service:{
            name:"",
            introduce:"",
            supportTime:"",
            price:""
            }
        }
    },
    methods:{
        cancel:function(){
            this.$emit("cancel",false)
        },
        confirmservicedetail:function(){
            
            this.$emit("confirmservicedetail",this.service)
        }
    }
}
</script>

<style>

</style>